<template>
  <div id="home_main">
    <el-row class="e_row" :gutter="50" type="flex" justify="center">
      <el-col :span="6" :offset="5" class="e_col,e_col_right">
        <p class="e_col_desc">{{products[0].desc}}</p>
      </el-col>
      <el-col :span="6" :offset="2" class="el_col,e_col_left">
        <img class="home_img" :src="products[0].imgUrl" alt="图片" />
      </el-col>
      <el-col :span="6"></el-col>
    </el-row>
    <el-row class="e_row" type="flex" justify="center">
      <el-col :span="6" :offset="5" class="el_col,e_col_right">
        <img class="home_img" :src="products[1].imgUrl" alt="图片" />
      </el-col>
      <el-col :span="6" :offset="2" class="e_col,e_col_left，e_col_desc">
        <p class="e_col_desc">{{products[1].desc}}</p>
      </el-col>
      <el-col :span="6"></el-col>
    </el-row>
    <Footer style="width:100%;align-items: center;justify-content: center;bottom:0;"></Footer>
  </div>
</template>

<script>
import Footer from '@/components/common/footer';
export default {
  name: 'index',
  components: { Footer },
  data () {
    return {
      products: [
        {
          desc: '采用第四代涡轮泵芯，功率强劲，噪音更低，加速\n' +
            '燃油雾化，从而缩短发动机启动时间。采用注塑\n' +
            '成型技术，对电动燃油泵的核心部件进行升级，\n' +
            '极大地提高了燃油输送的效率和稳定性.\n' +
            'The 4th generation turbo pump has strong power and lower \n' +
            'noise, accelerates fuel atomization, thus shortening the \n' +
            'engine start-up time. Using injection molding technology, \n' +
            'the core components of the electric fuel pump are upgraded, \n' +
            'which greatly improves the efficiency and stability of fuel \n' +
            'delivery.',
          imgUrl: require('I/daoqiong/home/detail_with_symbol.png')
        },
        {
          desc: '我们的主要业务是从事各种车型的汽车燃油泵销售，\n' +
            '包括直列式燃油泵和燃油泵总成。我们的燃油泵在\n' +
            '兼容性和性能方面将达到OEM标准。\n' +
            'Our main business is engaged in automobile fuel pumps of \n' +
            'various vehicle models, including in-line fuel pumps and \n' +
            'fuel pump assemblies. Our fuel pumps will meet OEM standards \n' +
            'in terms of compatibility and performance.',
          imgUrl: require('@/assets/img/daoqiong/home/products.png')
        }
      ]
    };
  }

};
</script>

<style scoped lang="stylus">
  #home_main {
    position: relative;
    height 100%;
    width 100%;
    background url(../../assets/img/daoqiong/home/background.png) no-repeat center fixed;
    background-size 100% 100%;
  }

  .e_row {
    /*margin 20px auto*/
  }

  .e_col {
    align-content center
    text-align center
  };
  .e_col_left {
    float: left;
  }

  .e_col_right {
    float: right;
  }

  .e_col_desc {
    margin-top 150px
    white-space pre
    font-family '宋体'
    font-size 15px
    line-height 28px
    letter-spacing 1px
  }

  .home_img {
    border 2px dashed #333333
  }
</style>
